<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		div#circle{
			width: 200px;
			height: 200px;
			border: 1px solid red;
			border-radius: 50%;
			/* 边框阴影 box-shadow 属性*/
			box-shadow: 5px 5px 50px 5px red inset;
		}
		div#triangle{
			width: 0;
			border: 50px solid transparent;
			border-top:100px solid rgba(0, 0, 255, .3);
		}
		/* outLine 边框轮廓 只针对input 元素 */
		input{
			outline: 1px solid red;
		}
		/* 实际应用：通配选择器 去掉轮廓 
		{outline: 0;}
		*/
		</style>
	</head>
	<body>
		<div id="circle"></div>
		<div id="triangle"></div>
		边框:<input type="text">
		
	</body>
</html>